---
title: Mark
description: Used to mark text for emphasis.
---

<ExampleTabs name="mark-basic" />

## Usage

```js
import { Mark } from '@saas-ui/react/mark'
```

```jsx
<Text>
  The <Mark>design system</Mark> is a collection of UI elements
</Text>
```

## Examples

### Variants

Use the `variant` prop to change the color of the mark.

<Example name="mark-with-variants" />

## Props

<PropTable component="Mark" part="Mark" />
